<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>	
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<style>
<!--
.list-group-item {
	position: relative;
	display: block;
	padding: 5px 10px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}
-->
</style>
<!-- <div class="row pc_navbar-fixed-position" style="background-color: #fff; z-index: 2; top: 40px; border-bottom: 2px solid #98B829; border-top: 2px dashed #98B829;">
<ul class="list-group pc_navbar">
<li class="list-group-item pc_ul pc_menu_no" style="border: none;">
	
</li>
<li class="list-group-item pc_ul pc_menu" style="border: none; border-left: 2px solid #98B829;">
	<a classifyId="" href="javascript:;" onclick="showUrlPage('${ctxShop}/shoping/goodList?sid=83597da0b1b241d7ace669ef0bb84005&classifyId=66f1373b8e0f42f1a099ab7388a311df', '66f1373b8e0f42f1a099ab7388a311df')">
		<img alt="" src="${ctxStatic}/modules/bootstrap/img/sy2.png">
	</a>
</li>
<li class="list-group-item pc_ul pc_menu" style="border: none; border-left: 2px solid #98B829;">
	<a classifyId="66f1373b8e0f42f1a099ab7388a311df" href="javascript:;" onclick="showUrlPage('${ctxShop}/shoping/goodList?sid=83597da0b1b241d7ace669ef0bb84005&classifyId=66f1373b8e0f42f1a099ab7388a311df', '66f1373b8e0f42f1a099ab7388a311df')">
		<img alt="" src="${ctxStatic}/modules/bootstrap/img/cc2.png">
	</a>
</li>
<li class="list-group-item pc_ul pc_menu" style="border: none; border-left: 2px solid #98B829;">
	<a classifyId="ebe069fd54ea44cb9b88d2468b64f484" href="javascript:;" onclick="showUrlPage('${ctxShop}/shoping/goodList?sid=83597da0b1b241d7ace669ef0bb84005&classifyId=ebe069fd54ea44cb9b88d2468b64f484', 'ebe069fd54ea44cb9b88d2468b64f484')">
		<img alt="" src="${ctxStatic}/modules/bootstrap/img/cs2.png">
	</a>
</li>
<li class="list-group-item pc_ul pc_menu" style="border: none; border-left: 2px solid #98B829; border-right: 2px solid #98B829;">
	<a classifyId="bba6929f5d364db5aa152e2a042e405e" href="javascript:;" onclick="showUrlPage('${ctxShop}/shoping/goodList?sid=83597da0b1b241d7ace669ef0bb84005&classifyId=bba6929f5d364db5aa152e2a042e405e', 'bba6929f5d364db5aa152e2a042e405e')">
		<img alt="" src="${ctxStatic}/modules/bootstrap/img/hd2.png">
	</a>
</li>
<li class="list-group-item pc_ul pc_menu_no" style="border: none;">
	
</li>
</ul>
</div> -->
<script type="text/javascript">
	function showUrlPage(url, classifyId){
		var cookieService = new  MallCookieService();
		cookieService.setClassifyId(classifyId);
		document.location=url;
	}
	function initLayout(){
		//var containWidth = $( window ).width();//*50/100
		//$(".pc_navbar-fixed-position").height(40);
		//$(".pc_navbar li.pc_menu_no").css("width", containWidth*10/100).height(30);
		//$(".pc_navbar li.pc_menu").css("width", containWidth*20/100).height(30);
		//$(".pc_navbar li img").width(containWidth*20/100-20).height(30);
		
		/*
		var cookieService = new  MallCookieService();
		var classifyId=cookieService.getClassifyId();
		$(".pc_ul a").each(function(){
			if($(this).attr("classifyId")==classifyId){
				var imgSrc = $(this).find("img").attr("src");
				if(imgSrc.indexOf("sy2.png")>=0){
					$(this).find("img").attr("src", "${ctxStatic}/modules/bootstrap/img/sy1.png")
				}else if(imgSrc.indexOf("cc2.png")>=0){
					$(this).find("img").attr("src", "${ctxStatic}/modules/bootstrap/img/cc1.png")
				}else if(imgSrc.indexOf("cs2.png")>=0){
					$(this).find("img").attr("src", "${ctxStatic}/modules/bootstrap/img/cs1.png")
				}else if(imgSrc.indexOf("hd2.png")>=0){
					$(this).find("img").attr("src", "${ctxStatic}/modules/bootstrap/img/hd1.png")
				} 
			}
		});
		*/
	}
	$(document).ready(function(){
		initLayout();
	});
	initLayout();
	window.onresize = function() {
		initLayout();
	}
	function toLoaded(url){
		//$("#load4").addClass("loader");
		document.location=url;
		//setTimeout(function(){
		//		$("#load4").removeClass("loader");
		//},1000);
	}
</script>